<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    <title>精研 3.0 - FooTable</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="/css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">

            <div class="row">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>FooTable行切换，排序，分页演示</h5>

                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    <i class="fa fa-wrench"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-user">
                                    <li><a href="#">选项 01</a>
                                    </li>
                                    <li><a href="#">选项 02</a>
                                    </li>
                                </ul>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">

                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="8">
                                <thead>
                                <tr>
                                    <th data-toggle="true">公司简称</th>
                                    <th>公司代码</th>
                                    <th>成交额</th>
                                    <th>市盈率</th>
                                    <th>涨跌</th>
                                    <th>价格</th>
                                    <th>5日均价</th>
                                    <th>成交量（手）</th>
                                    <th>5日均量（手）</th>
                                    <th>主力资金</th>
                                    <th data-hide="all">所属指标</th>
                                    <th data-hide="all">涨幅排名/样本数</th>
                                    <th data-hide="all">涨幅大于5%（占比）</th>
                                    <th data-hide="all">涨幅大于3%（占比）</th>
                                    <th data-hide="all">涨跌家数</th>
                                    <th data-hide="all">T板块指数</th>
                                    <th data-hide="all">T板块5日均线之上</th>
                                    <th data-hide="all">T板块上涨数</th>
                                    <th data-hide="all">T板块上下跌家</th>
                                    <th data-hide="all">T板块涨停数</th>
                                    <th data-hide="all">T板块跌停数</th>
                                    <th data-hide="all">日期</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>

                                <tr class="gradeX" th:each="tag,resultStat:${list}" >
                                    <td th:text="${tag.remark}"></td>
                                    <td th:text="${tag.remark}"></td>
                                    <td th:text="${tag.remark}"></td>
                                    <td th:text="${tag.remark}"></td>
                                    <td th:text="${tag.remark}"></td>
                                    <td th:text="${tag.remark}"></td>
                                    <td th:text="${tag.remark}"></td>
                                    <td th:text="${tag.remark}"></td>
                                    <td th:text="${tag.remark}"></td>
                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>
                                </tr>
                                <tr>
                                    <td>盛新锂能</td>
                                    <td>sz002240</td>
                                    <td>27.64亿	</td>
                                    <td>89.24</td>
                                    <td>7.11%</td>
                                    <td>59.99元</td>
                                    <td>57.98元</td>
                                    <td>473203</td>
                                    <td>351245</td>
                                    <td>54.24 亿</td>
                                    <!-- 所属指标 -->
                                    <td>新能源-锂电池</td>
                                    <!-- 指标样本数 -->
                                    <td>30/282</td>
                                    <!-- 涨幅大于5%（占比）-->
                                    <td>19（6.7%）</td>
                                    <!-- 涨幅大于3% -->
                                    <td>42（14.89%）</td>
                                    <!-- 涨跌家数 -->
                                    <td>113/119</td>
                                    <!-- T板块指数 -->
                                    <td>0.29%</td>
                                    <!-- T板块5日均线之上 -->
                                    <td>113</td>
                                    <!-- T板块上涨数 -->
                                    <td>115</td>
                                    <!-- T板块上下跌家 -->
                                    <td>116</td>
                                    <!-- T板块涨停数 -->
                                    <td>5</td>
                                    <!-- T板块跌停数 -->
                                    <td>2</td>
                                    <!-- 日期 -->
                                    <td>2021-10-17</td>
                                    <!-- 操作 -->
                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>
                                </tr>
<!--                                <tr>-->
<!--                                    <td>300米速进口日本原丝耐磨</td>-->
<!--                                    <td>付守永</td>-->
<!--                                    <td>0500 780909</td>-->
<!--                                    <td>广州重兑诺贸易有限公司</td>-->
<!--                                    <td><span class="pie">6,9</span></td>-->
<!--                                    <td>400</td>-->
<!--                                    <td>2015.10.14</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>单肩包品牌外贸女包批发</td>-->
<!--                                    <td>张有为</td>-->
<!--                                    <td>0800 1111</td>-->
<!--                                    <td>广州纳依斯商贸发展有限公司</td>-->
<!--                                    <td><span class="pie">3,1</span></td>-->
<!--                                    <td>750</td>-->
<!--                                    <td>2015.08.22</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>2015新款辣妈孙俪周迅同款</td>-->
<!--                                    <td>李全福 </td>-->
<!--                                    <td>(016977) 0648</td>-->
<!--                                    <td>营口港荟网络科技股份有限公司</td>-->
<!--                                    <td><span class="pie">4,9</span></td>-->
<!--                                    <td>180</td>-->
<!--                                    <td>2015.11.19</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>300米速进口日本原丝耐磨</td>-->
<!--                                    <td>付守永</td>-->
<!--                                    <td>0500 780909</td>-->
<!--                                    <td>广州重兑诺贸易有限公司</td>-->
<!--                                    <td><span class="pie">6,9</span></td>-->
<!--                                    <td>400</td>-->
<!--                                    <td>2015.10.14</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>正品印度红油-->
<!--                                    </td>-->
<!--                                    <td>袁岳</td>-->
<!--                                    <td>0800 051213</td>-->
<!--                                    <td>深圳市有大福实业有限公司</td>-->
<!--                                    <td><span class="pie">0.52/1.561</span></td>-->
<!--                                    <td>200</td>-->
<!--                                    <td>2015.09.10</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>2015新款辣妈孙俪周迅同款</td>-->
<!--                                    <td>李全福 </td>-->
<!--                                    <td>(016977) 0648</td>-->
<!--                                    <td>营口港荟网络科技股份有限公司</td>-->
<!--                                    <td><span class="pie">4,9</span></td>-->
<!--                                    <td>180</td>-->
<!--                                    <td>2015.11.19</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>美国原装进口电子烟油-->
<!--                                    </td>-->
<!--                                    <td>袁岳</td>-->
<!--                                    <td>0800 051213</td>-->
<!--                                    <td>深圳市有大福实业有限公司</td>-->
<!--                                    <td><span class="pie">0.52/1.561</span></td>-->
<!--                                    <td>200</td>-->
<!--                                    <td>2015.09.10</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>300米速进口日本原丝耐磨</td>-->
<!--                                    <td>付守永</td>-->
<!--                                    <td>0500 780909</td>-->
<!--                                    <td>广州重兑诺贸易有限公司</td>-->
<!--                                    <td><span class="pie">6,9</span></td>-->
<!--                                    <td>400</td>-->
<!--                                    <td>2015.10.14</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>单肩包品牌外贸女包批发</td>-->
<!--                                    <td>张有为</td>-->
<!--                                    <td>0800 1111</td>-->
<!--                                    <td>广州纳依斯商贸发展有限公司</td>-->
<!--                                    <td><span class="pie">3,1</span></td>-->
<!--                                    <td>750</td>-->
<!--                                    <td>2015.08.22</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>2015新款辣妈孙俪周迅同款</td>-->
<!--                                    <td>李全福 </td>-->
<!--                                    <td>(016977) 0648</td>-->
<!--                                    <td>营口港荟网络科技股份有限公司</td>-->
<!--                                    <td><span class="pie">4,9</span></td>-->
<!--                                    <td>180</td>-->
<!--                                    <td>2015.11.19</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>300米速进口日本原丝耐磨</td>-->
<!--                                    <td>付守永</td>-->
<!--                                    <td>0500 780909</td>-->
<!--                                    <td>广州重兑诺贸易有限公司</td>-->
<!--                                    <td><span class="pie">6,9</span></td>-->
<!--                                    <td>400</td>-->
<!--                                    <td>2015.10.14</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>正品印度红油-->
<!--                                    </td>-->
<!--                                    <td>袁岳</td>-->
<!--                                    <td>0800 051213</td>-->
<!--                                    <td>深圳市有大福实业有限公司</td>-->
<!--                                    <td><span class="pie">0.52/1.561</span></td>-->
<!--                                    <td>200</td>-->
<!--                                    <td>2015.09.10</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
<!--                                <tr>-->
<!--                                    <td>2015新款辣妈孙俪周迅同款</td>-->
<!--                                    <td>李全福 </td>-->
<!--                                    <td>(016977) 0648</td>-->
<!--                                    <td>营口港荟网络科技股份有限公司</td>-->
<!--                                    <td><span class="pie">4,9</span></td>-->
<!--                                    <td>180</td>-->
<!--                                    <td>2015.11.19</td>-->
<!--                                    <td><a href="#"><i class="fa fa-check text-navy"></i> 通过</a></td>-->
<!--                                </tr>-->
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="5">
                                        <ul class="pagination pull-right"></ul>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    <script src="/js/jquery.min.js?v=2.1.4"></script>
    <script src="/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="/js/plugins/footable/footable.all.min.js"></script>
    <script src="/js/content.min.js?v=1.0.0"></script>
    <script>
        $(document).ready(function(){$(".footable").footable();$(".footable2").footable()});
    </script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>

</html>